/*----------------------
 Project Common Classes
----------------------*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}
.marginbottom {margin-bottom: 30px}

/*------------------------------------------
// LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

body{font-family:"gotham_htfbook"; background:#ecf0f1;}
::-moz-selection{background:#FEFAC7;color:#333;text-shadow:none}
::selection{background:#FEFAC7;color:#333;text-shadow:none}


/*---- Banner ---*/
#banner { position:relative;}
#banner .slides li{position:relative;list-style:none;}
#banner .flex-direction-nav{display:none;}
#banner:hover .flex-direction-nav{display:block;}

/*----- Main ----*/
#main{ margin-right:13px;}

/*----- Sidebar -----*/
#sidebar { }

/* Special grid styles
-------------------------------------------------- */
.show-grid {margin-top: 10px;margin-bottom: 20px;}
.show-grid [class*="span"] {background-color: #C8C8C8;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;min-height: 40px;line-height: 40px;}
.show-grid:hover [class*="span"] {background: #fff;}
.show-grid .show-grid {margin-top: 0;margin-bottom: 0;}
.show-grid .show-grid [class*="span"] {background-color: #ddd;}

/*----------------------
 Page Common Header Styles 
----------------------*/ 
.page-bg{height:120px;margin:0 0 30px 0;background-color:#F17C71}
.page-bg p{font-family: 'gotham_htfbold', cursive;color:#FFF;font-size:60px; padding:50px 0 0 0; text-shadow:0 2px 0 black; text-align:center; text-transform:uppercase; letter-spacing:1px}
.box3{background:#7f8c8d;height:72px;}
.orange_box{background:#7f8c8d;}
.green_box{background:#F17C71;}
.trquaz_box{background:#32AC97;}
.black_box{background:url(../img/overlay-bg.png);}
.bold_box{background:#363B48;margin-bottom: -30px;}

/*---- Header - Navigation ----*/
.logo{float: left; line-height:72px;}
.logo img{vertical-align: middle}
#menu {float:right;}
.menu {font-family: 'gotham_htfbold';list-style: none;float: right;position: relative;z-index: 1003;padding-left: 2px;}
.menu ul {margin: 0;list-style-type: none;}
.menu ul li {position: relative;float: left;background: none;padding: 0;}
.menu ul li a {display: block;text-decoration: none;line-height: 1;font-size: 18px;color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;padding: 30px 20px 25px;letter-spacing: 1px;font-weight: normal;text-transform: uppercase;}
#menu .current-menu-item a{color:#f1c40f;}
#menu .current-menu-parent a{color:#f1c40f;}
#menu .sub-menu a{color: #fff;}
#menu .sub-menu a:hover{color: #fff;}
#menu .sub-menu .current-menu-item a{color:#f1c40f}

.menu ul li.selected a, .menu ul li a:hover, .menu ul li a.selected {background-color: #5F636E; color:#fff;}
.menu ul li.selected ul li a {color: #fff;}
.menu ul li ul {position: absolute;left: 0;display: none;visibility: hidden;width: 180px;padding: 0;top: 73px !important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.menu ul li ul li {display: list-item;float: none;background: #7F8C8D url(../img/dropdown-line.png) repeat-x center top;padding: 1px 0 0 0;margin: 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu ul li ul li:first-child { }
.menu ul li ul li a {margin: 0;border: none;padding: 13px 15px;line-height: 1;font-size: 13px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu ul li ul li a:hover {background:#5F636E; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.menu ul li ul li ul {position: absolute;left: 160px;display: none;visibility: hidden;width: 180px;padding: 0;top: 0px !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.menu ul li ul li ul li {display: list-item;float: none;background: #7F8C8D url(../img/dropdown-line.png) repeat-x center top;padding: 1px 0 0 0;margin: 0;}
.menu ul li ul li ul li:first-child {border-left:1px solid #363B48;}
.menu ul li ul li ul li a {margin: 0;border: none;padding: 13px 15px;line-height: 1;font-size: 13px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu ul li ul li ul li a:hover {background:#5F636E;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
* html .menu { height: 1%;}

nav select{display:none}


/*----- Breadcrumbs ------*/
#breadcrumbs{margin-bottom:20px; }
#breadcrumbs .box1{padding:21px 24px 18px 35px;}
#breadcrumbs .box1, #breadcrumbs .box1 span{font-family: 'gotham_htfbook';font-size:30px; text-transform:uppercase;line-height:25px;}
#breadcrumbs .box1{color:#2B79BF; margin-top:18px;}
#breadcrumbs .box1 span {color:#bbb;}
#breadcrumbs .box1 span a {color:#bbb;}
.inlinetitle h3{font-family:'gotham_htfbook';font-size:20px;color:#2B79BF; text-transform:uppercase; margin-right:3px;padding:28px 0;}
.inlinetitle span{color:#bbb;}

/*------------------- HOMEPAGE ELEMENETS -------------------------*/

/*---- Homepage Sections Heading ---*/
.areatitle h2 {font-family: 'gotham_htfbold';letter-spacing: 2px;text-align: center;text-transform: uppercase; font-size:40px; color:#fff; line-height: 52px;font-weight: normal;padding-top: 60px;padding-bottom: 40px; }
.areatitle_black h2 {font-family: 'gotham_htfbold';letter-spacing: 2px;text-align: center;text-transform: uppercase; font-size:40px; color:#000; line-height: 52px;font-weight: normal;padding-top: 60px;padding-bottom: 40px; }


h2 .line2{ background: transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%;
    position: absolute;
    height: 32px;
    right: 50%;
    left: 0;
    margin-right: 100px; display:inline-block;
}
/** trick - fill spans in headers  **/
.lft:before, .rt:before { content: "\00a0"; }
/*---- Pageheader ----*/
.page-header{margin:40px 0 20px 0 !important; text-align:center;}
.page-header h1{font-family: 'gotham_htfbold';font-size:34px; font-weight:normal; color:#fff; line-height:1.2em;letter-spacing: 1px; text-transform:uppercase}
.page-header h1 span{ text-decoration:underline;}
.page-header h1 small{font-size:15px;font-family: 'gotham_htfbook'; color:#fff;line-height:25px;letter-spacing: 0px;}
.page-header h1 small span{text-decoration:underline;font-family: 'gotham_htfbook';}
.colored{color:#2678bf;}
.tagline h2{font-family: 'gotham_htfbold';letter-spacing: 2px;text-align: center;text-transform: uppercase; font-size:40px; color:#000; line-height: 52px;font-weight: normal;padding-top: 20px;padding-bottom: 20px;}

/*---- Homepage Latest-works ---*/
#latest-works{margin-bottom:35px; }
#latest-works .thumbnails { margin-left:88px;}
#latest-works .thumbnails li{position:relative; padding:0; margin:0 0 15px 36px; width:284px; }
#latest-works .thumbnails li img{width:100%;}
#latest-works .thumbnails li.outer-most{margin-right:0;}
#latest-works .thumbnails li .overlay{position:absolute; opacity:0; width:100%; height:100%; background:url(../img/overlay-bg.png) repeat 0 0; left:0; top:0; z-index:100;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
#latest-works .thumbnails li:hover .overlay{ opacity:1; text-align:center;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
#latest-works .thumbnails li .overlay h3{text-align:center;font-size:20px; margin-bottom:20px; padding-bottom:16px; padding-top:30px; color:#45CBD9; background:url(../img/overlay-h3-bg.png) no-repeat bottom center;}
#latest-works .thumbnails li .overlay p{text-align:center;font-size:15px; line-height:17px; color:#fff;}
#latest-works .thumbnails li .overlay a.zoom-btn{ left:40%; top:40%; z-index:200; }
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
a.zoom-btn{display:block; position:absolute; width:60px; height:60px; background:url(../img/zoom-btn.png) no-repeat 0 0; z-index:200; }
a.zoom-btn:hover{text-decoration:none; background-position:0 bottom;}

/*---- Services ---*/
#services{ margin:20px 0; }
#services h3{text-align:left;text-transform: uppercase; font-size:14px;-webkit-transition:0.3s linear all;-moz-transition:0.3s linear all;-ms-transition:0.3s linear all;-o-transition:0.3s linear all;transition:0.3s linear all;}
#services a h3{color:#ccc;}
#services a h3:hover{color:#FDFD65;}
#services p{ margin-top:8px;color:#ccc; }
#services img{ margin-left:48px; }


/* Services Teaser Titles*/
.teaser_box { position: relative; text-decoration: none; display: block }
.teaser_box img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative }
.teaser_title {top:50%; background: #241b1c; background: rgba(36,27,28, .9); padding: 9px 11px 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#fff; font-size: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,.2); position: absolute; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.teaser_title_inner { display: block }
.teaser_more { font-size: 12px; font-weight: 400; letter-spacing: 0; display:inline-block; margin:8px -2px -15px -2px; padding: 2px 9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; background-color:#39C }

.teaser_box:hover .teaser_title { margin-top: -10px; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*----- Clients -------*/
.clients{margin:auto; text-align:center; margin-bottom:40px}
.clients a{opacity:0.5;-webkit-transition:0.3s linear all;-moz-transition:0.3s linear all;-ms-transition:0.3s linear all;-o-transition:0.3s linear all;transition:0.3s linear all;}
.clients a:hover{opacity:1;-webkit-transition:0.3s linear all;-moz-transition:0.3s linear all;-ms-transition:0.3s linear all;-o-transition:0.3s linear all;transition:0.3s linear all;}
.clients img{width:100%;border:1px solid #ccc;}

/*---- Featured Buy-now ----*/
.buy-now{margin:35px 0 25px 0; text-align:center; padding:30px 60px}
.buy-now h1{font-size:26px; font-weight:normal;color:#262626; line-height:1.2em;}
.buy-now h1 strong{font-weight:bold;}
.buy-now h1 span{ text-decoration:underline; }
.buy-now h1 small{font-size:14px; padding-top:2px;color:#262626;line-height:25px; display:block}
.buy-now h1 small span{ text-decoration:underline; }
.buy-now button{ margin:25px 0 0 0}
.divider{border-top:1px solid #ccc; margin-top:-35px; margin-bottom:45px;}

/*------Home Page Latest Posts --------*/
#mini-post{ margin-left:124px;display:block;float:none!important;width:auto;}
.mini-post{float:left;background:#fff;overflow:hidden;width:284px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;color:#333;min-height:320px;cursor:pointer; margin:0 38px 60px 0; }
.mini-post:hover{ box-shadow:0 3px 3px 0 rgba(0,0,0,.4)}
.mini-post .text{padding:20px 20px 10px}
.mini-post h3{font-size:16px;line-height:20px;margin:0}
.mini-post h3 a{color:#333; text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.mini-post h3 a:hover{color:#FD3329;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.mini-post .meta{font-size:11px}
.mini-post .meta a{color:#333; text-decoration:none;}
.mini-post p{font-size:13px;font-family:"gotham_htfbook";}
.mini-post p a{color:#333; text-decoration:none;}
.mini-post .more{font-weight:600} 
.morelink{font-family:"gotham_htfbold";background: #363B48;color: #fff;padding: 10px 0px;text-align: center;margin-bottom:0;text-transform: uppercase;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.morelink:hover{color: #eee;text-decoration:none;background: #1abc9c;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}

/*---- BLOG LAYOUT ------*/
.posttype{margin:0 0 0 0;}
#blog article{margin:10px auto 60px;position:relative;}
#blog article .post{background:#fff;border-radius:2px;box-shadow:0 1px 1px 0 rgba(0,0,0,.4);color:#333;margin:0 0 15px;overflow:hidden;}
#blog article .post .text{padding:20px 20px 10px;}
#blog article .post h2{font-size:30px;font-family: 'gotham_htfbook';line-height:36px;font-weight:bold;margin:0; text-align:left;}
#blog article .post h2 a{color:#333;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
#blog article .post h2 a:hover{color:#FD3329;text-decoration:none;;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
#blog article .post .meta{font-size:11px;text-transform:uppercase;}
#blog article .post p {font-size:14px;line-height:22px;}
.postauthors, .categoriess, .postcomments {-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background:#eaeaea left center no-repeat;border-bottom:1px solid #fff;border-radius:2px;border-top:1px solid #d0d0d0;float:left;font-size:11px;margin:25px 0 20px 20px;padding:4px 15px 4px 28px;text-shadow:0 1px 0 #fff;text-transform:uppercase;transition:all .2s ease-out;}
.postauthors:hover,.categoriess:hover,.postcomments:hover {background-color:#ddd;border-top:1px solid #aaa;}
.postauthors a, .categoriess a, .postcomments a {color:#262626;text-decoration:none;}
.postauthors a:hover, .categoriess a:hover, .postcomments a:hover {color:#666;text-decoration:underline;}
.postauthors {background-image:url(../img/icon-authors.png);}
.categoriess {background-image:url(../img/icon-categories.png);}
.postcomments {background-image:url(../img/icon-commentss.png);}

.post .title {margin-bottom:12px; }
.post .frame {position:relative; margin-bottom:0px;}
.post .frame img {width:100%;}
.post .frame .overlay {position:absolute; opacity:0; width:100%; height:100%; background:url(../img/overlay-bg.png) repeat 0 0; left:0; top:0; z-index:100;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.post .frame:hover .overlay {opacity:1;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.post .frame .overlay a.zoom-btn{left:47%; top:45%;}

.post .section{margin-bottom:18px; padding-left:10px; border-left:5px solid #aaa; }
.post .section p{color:#aaa;}

/*----- POST Quote & Link format -----*/
.entry-quote,
.entry-link {background:#297AC1 url(../img/quote_bg.png) right bottom no-repeat;color: #fff;margin: 1.429em 20px;padding: 1.429em 20px;position: relative; background-image:url(../img/quote_bg.png) left bottom}
.entry-quote .quote-source{font-family: 'gotham_htfbook';font-size: 14px;line-height: 1.4em;margin-bottom: 0;margin-top:5px;color: #fff;}
.entry-link { background: #2c2f32; }
.entry-quote h3 {font-size:16px;line-height:20px; }
.entry-link a {font-size:16px;line-height:20px;color: #fff;}
.entry-link a:hover {text-decoration: none;color: #ea4848;}
.marginbottom40{ margin-bottom:40px;}
.absolute-text {-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background:#eaeaea left center no-repeat;border-bottom:1px solid #fff;border-radius:2px;border-top:1px solid #d0d0d0;font-size:11px;margin:20px 20px 2px 20px;padding:4px 15px 4px 28px;text-shadow:0 1px 0 #fff;transition:all .2s ease-out;}
.absolute-text{background-image:url(../img/icon-linkpost.png);}
.absolute-text:hover{background-color:#ddd;border-top:1px solid #aaa;}
.absolute-text a{color:#262626;text-decoration:none;}
.absolute-text a:hover{color:#666;text-decoration:underline;}
a.link{color:#2B79BF;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
a:hover.link{color:#C14648; text-decoration:none;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}

/*-------BLOG Sidebar Widgets ---*/
#twitter-widget .tweet_avatar {display: none;}
#twitter-widget ul.tweet_list {margin:0;}	

#sidebar #twitter-widget .tweet_list li {background: url(../img/tweet-bg2.png) no-repeat 0px 1px;border-bottom: 1px dashed #D0D0D0;list-style:none;padding-left: 26px;margin-top: 10px;padding-bottom: 10px;font-size:13px;line-height:20px;}
#sidebar #twitter-widget .tweet_list li .tweet_time  {display: block;}
	
#dashboard #twitter-widget .tweet_list li {background:url(../img/tweet-bg.png) no-repeat 0 1px;font-size:13px;padding-left:26px;line-height:20px;list-style:none;margin-bottom:10px;color:#eee !important;}
#dashboard #twitter-widget .tweet-list li .tweet_time{display: inline-block;}
.footer .tweet_time a{color:#831409; text-decoration:none;font-family: 'gotham_htfbook';-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.footer .tweet_time a:hover {color:#fff; text-decoration:underline;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.footer .tweet_text a {color:#fff; text-decoration:underline;font-family: 'gotham_htfbook';-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.footer .tweet_text a:hover {color:#831409; text-decoration:underline;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#sidebar .flicker-stream img {float: left; width: 70px; height: 70px; margin: 0 12px 12px 0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border:4px solid #eee;}
#sidebar .flicker-stream img:hover {border:4px solid #5499ED;}

.featured-posts .item{border-width:0 0 1px 0;border-style:dashed;border-color:#D0D0D0;position:relative;min-height:60px;margin-top:5px;margin-bottom:12px}
.featured-posts .item:last-child{border-bottom:0;margin-bottom:3px}
.featured-posts .item a.image-box:hover{opacity:.6;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.featured-posts img{border-width:3px;border-style:solid;border-color:#E2E2E2;position:absolute;top:0;left:0;width:70px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.featured-posts .info{margin-left:88px}
.featured-posts .info *{clear:none;padding:0;margin:0}
.featured-posts .info h4 a{line-height:100%; color: #4B4B4B;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.featured-posts .info h4 a:hover{text-decoration:none;color:#2678C0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.featured-posts .info p{margin-bottom:10px!important;font-size:12px;line-height:130%}

/*------ Widgets of Blog---*/
.widgetarchive{background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.4);border-radius:3px; margin-bottom:20px; padding:15px 22px 20px 20px}
.widgetarchive ul li{ margin-bottom:3px; padding-bottom:3px;}
.widget{background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.4);border-radius:3px; margin-bottom:20px; padding:15px 22px 20px 20px}
.widgettitle{}
#sidebar  hr{ border-top-color:#CDC8C8; border-bottom-color:#E2E2E2 !important; margin-top:6px; margin-bottom:20px;}
.widget h3{font-family: 'gotham_htfbook';color:#333;font-size:16px !important;line-height:20px;margin:0; font-weight:bold; }
.widget p{color:#878787; line-height:18px; font-size:13px; margin-bottom:10px;}
.widget ul{margin:0; padding:0;}
.widget ul li{border-bottom:1px dashed #ddd; margin-bottom:12px; padding-bottom:12px; list-style:none;}
.widget ul li img{float:left; margin-right:7px; margin-bottom:5px;}
.widget ul li h3{font-size:13px; margin-bottom:10px; color:#000; line-height:normal; }
.widget ul li h3 a{color:#000;}
.widget ul li p{color:#777; font-size:12px; line-height:14px;}
.widget ul li.last{border:0; padding:0; margin-bottom:0;} 

.categories-widget ul li{float:left; width:145px; margin:0 2px 5px 10px; padding:0; border:0; }
.categories-widget ul li a{background:#fff; display:block; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  padding:0 10px; height:30px; line-height:30px; color:#DF4647; font-size:13px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.categories-widget ul li a span{display:inline-block; line-height:30px; background:url(../img/bullet.gif) no-repeat left center ; padding-left:14px;}
.categories-widget ul li a:hover{background:#DF4647; color:#fff; text-decoration:none;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}

/*----- Search-form --*/
#search-form{margin-bottom:35px; margin-top:9px; position:relative;}
#search-form p{height:26px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e6e6e6; padding:0 50px 0 0; position:relative; background:#F7F7F7;}
#search-form .search-query{background:none; border:0; font-style:italic; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; width:95%; font-size:12px;}
#search-form span.icon{position:absolute; display:block; background:; background:url(../img/search-icon.jpg) no-repeat 0 0; width:20px; height:22px; top:3px; right:7px; z-index:50;}

/* ---------- Blog Comments ---------- */
.commentlist{overflow:hidden;margin:40px 0}
.commentlist li .comment-author{float:left;width:200px;margin-bottom:12px}
.commentlist li.bypostauthor .avatar{border:2px solid #c8c8c8}
.commentlist img.avatar{margin:0 12px 0 0;float:left;padding:2px;border:1px solid #c8c8c8;border-radius:2px}
.commentlist .fn{display:block;}
.commentlist .comment-author .time{font-size:11px;color:#999}
.comment-reply-link,.comment-edit-link{float:right;margin-left:12px;font-size:12px;color:#aaa}
.commentlist .comment-text{padding-bottom:20px;padding-left:56px;margin-bottom:20px;border-bottom:1px dashed #dedede}
.commentlist .comment-text p{margin-bottom:20px}
.commentlist li ul{margin:0 0 0 20px}
.commentlist li li{margin:0}
input#submit{padding:7px 20px 8px;font:14px;line-height:normal;color:#FFF;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);background-color:#225A75;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#348BB6), color-stop(25%, #348BB6), to(#225A75));background-image:-webkit-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:-moz-linear-gradient(top, #348BB6, #348BB6 25%, #225A75);background-image:-ms-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:-o-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:linear-gradient(#348BB6, #348BB6 25%, #225A75);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#348BB6', endColorstr='#225A75', GradientType=0);border-color:#2D799D #266482 #1B475C;border-width:1px;border-style:solid;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);cursor:pointer;-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;outline:none}
input#submit:hover{color:#FFF;background-position:0 -15px;text-decoration:none;}
h3#reply-title{background:url(../img/post-h1-bg.jpg) repeat-x 0 bottom; margin-bottom:10px; padding-bottom:10px; color:#000; font-size:30px; font-weight:normal;}

/*---- Lists ------*/
.liststyle li{list-style:none; margin-bottom:1px; background:url(../img/list-arrow.png) no-repeat 0 5px; padding-left:17px; font-size:14px; color:#535353; }
.liststyle li a:hover{color:#535353; text-decoration:none}
/*------ Portfolio Sidebar ---*/
.widgetportfolio{ background:#FFF url(../img/widgettitlebg.png) repeat-x top;box-shadow:0 1px 1px 0 rgba(0,0,0,.4);border-radius:3px; margin-bottom:15px; padding:0px 22px 20px 20px;margin-top:10px;}
.widgetportfolio h2{font-size:18px;padding:0px 0; color:#fff; font-weight:normal;}
.widgetportfolio p{color:#545454; line-height:20px; font-size:14px; padding-top:2px; margin-bottom:0px}
.pfbutton{text-align:center;width:100%}
.launchbutton{width:100%;padding:7px 0px;font:14px;line-height:normal;color:#FFF;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);background-color:#225A75;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#348BB6), color-stop(25%, #348BB6), to(#225A75));background-image:-webkit-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:-moz-linear-gradient(top, #348BB6, #348BB6 25%, #225A75);background-image:-ms-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:-o-linear-gradient(#348BB6, #348BB6 25%, #225A75);background-image:linear-gradient(#348BB6, #348BB6 25%, #225A75);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#348BB6', endColorstr='#225A75', GradientType=0);border-color:#2D799D #266482 #1B475C;border-width:1px;border-style:solid;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);cursor:pointer;-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;outline:none}
.launchbutton:hover{color:#FFF;background-position:0 -15px;text-decoration:none;}

.launchbutton.active, .launchbutton:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)}

/*------- FOOTER ----------*/
footer {margin-bottom:0px; background:#D56D64}
footer p{font-size:13px; color:#EEE; }
footer p a{color:#fff;}
footer .container{ padding-top:15px;}
.footer{padding:15px 15px; background:#F17C71}
.footer  hr{ border-top-color:#B64B3D; border-bottom-color:#C87C71 !important; margin-top:7px; margin-bottom:15px;}

/*------ Footer Widgets ----*/
#dashboard{ margin-top:10px;}
#dashboard h4{font-size:15px; color:#fff; letter-spacing:1px;font-family: 'gotham_htfbold' !important; font-weight:normal;}
#dashboard p{color:#fff; line-height:20px; font-size:13px; margin-bottom:10px; }
#dashboard p strong{font-weight:bold;}
#dashboard p a{color:#fff; }
.about img{float:left; margin:3px 10px 3px 0;}
.textwidget b{color:#fff; }


#dashboard .flicker-stream img {float: left; width: 70px; height: 70px; margin: 0 12px 12px 0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border:1px solid #B64B3D;}
#dashboard .flicker-stream img:hover {border:1px solid #D49990;}

/*------------ BUTTONS -----------------*/
/*--- Btn-group --*/
.btn-group1 .btn2{margin-top:1px !important; margin-right:-1px !important;height:28px; line-height:26px;padding:0 12px !important;font-size:15px;border: 1px solid #ECF0F1;}
.btn-group1 .btn2:hover {background-color: #8697A8;}
.btn-group1 a{ color:#333;}

/*-------- Pagination -------*/
.pagination2{text-align:center; padding-top:16px; text-decoration:none;}
.pagination2 a:hover{text-decoration:none;}


/*-------- Buttons -------*/
.btn2{ border: none;background-color: #3498db;color: #ffffff;padding: 9px 12px 10px;line-height: 22px;text-decoration: none;text-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;}
.btn2:hover, .btn2:focus, .btn-group:focus .btn2.dropdown-toggle {background-color: #5dade2;color: #ffffff;outline: none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;text-decoration: none}
.btn2:active, .btn-group.open .btn2.dropdown-toggle, .btn2.active {background-color: #a1a6a9;color: rgba(255, 255, 255, 0.75);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.btn2-yellow{padding:6px 12px 7px; margin-top:-5px; margin-right:15px;font-size:13px;color:#000;text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);background-color:#D8C53D;background-image:-khtml-gradient(linear, left top, left bottom, from(#E4D87C), to(#D8C53D));background-image:-moz-linear-gradient(top, #E4D87C, #D8C53D);background-image:-ms-linear-gradient(top, #E4D87C, #D8C53D);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4D87C), color-stop(100%, #D8C53D));background-image:-webkit-linear-gradient(top, #E4D87C, #D8C53D);background-image:-o-linear-gradient(top, #E4D87C, #D8C53D);background-image:linear-gradient(top, #E4D87C, #D8C53D);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4D87C', endColorstr='#D8C53D', GradientType=0);border-color:#DFCF5F #D6C029 #A99821;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.3)}
.btn2-yellow:hover{color:#000;text-decoration:none;}

.button-yellow{background-color: #f1c40f}
.button-yellow:hover{background-color: #f5d313}

.button-green{background-color: #1abc9c;}
.button-green:hover{background-color: #48c9b0;}

.button-red{background-color: #e74c3c;}
.button-red:hover{background-color: #ec7063;}

.button-black{background-color: #415b76;}
.button-black:hover{background-color: #415b76}

.button-pink{background-color: #FF0095;}
.button-pink:hover{background-color: #FF0051;}

.indexbtn{margin-top:13px;margin-bottom:60px;}

/* ---------- Shortcodes Styles ---------- */
.accordion-heading a{background:#f6f6f6; font-weight:bold;font-size:11px;text-transform:uppercase; text-decoration:none;}
.accordion-group .accordion-heading .accordion-toggle i.icon-active{display:none}
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active{display:inline-block}
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive{display:none}
.accordion-body{display:none;padding:0;margin:0;background:#f9f9f9}
.tab-content{padding:15px;border:1px solid #dfdfdf;border-top:0;background:#f9f9f9}
.tab-content .well{background:#fdfdfd}
.nav-tabs{margin-bottom:0}
.nav-tabs .active a{background:#f9f9f9}
.nav-tabs a h6{color:#69c1e7}
.nav-tabs li a{text-transform:uppercase;font-weight:bold;font-size:11px}
.nav-tabs li.active a{background:#fff}
#note{color:#f00;font-size:11px;line-height:14px;margin-bottom:15px}
#map{height:250px;width:100%; margin-top:-30px;border-bottom:5px solid #D8D8D8}

/* ---------- Portfolio Filters ---------- */
ul#filters{list-style:none;margin:0!important}
ul#filters li{float:left;padding-left:0;margin-right:20px}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s!important;-moz-transition-duration:.8s!important;-ms-transition-duration:.8s!important;-o-transition-duration:.8s!important;transition-duration:.8s!important}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-moz-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
#themeFilterableNav{text-align:center;padding:0 0 30px 0px;}
#themeFilterableNav li{ display:inline;text-align:center;text-transform:uppercase;padding:5px 15px;}
#themeFilterableNav li a{color:#666;}
#themeFilterableNav li a:hover{color:#2678C0; text-decoration:none}
#themeFilterableNav li:last-child{border:0}
#themeFilterableNav li.filter-tab{color:#fff;padding:5px 22px;margin:0 15px 0 22px;background:#797979;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
#themeFilterableNav li.active-tag{background:#2678C0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
#themeFilterableNav li.active-tag a{color:#fff}
/*---- Portfolio Page ----*/
.block {-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;background:url(../img/box_shadow.png) bottom no-repeat;}
.block:hover {-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;background:url(../img/box_shadow2.png) bottom no-repeat;}
.block2 {-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer; padding-top:10px;}
.block2:hover {margin-top:-5px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.block2 img{opacity:1;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.block2 img:hover {opacity:0.7;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.block .overlay{ text-align:center;background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.4);border-radius:3px; margin:0 0 50px 0; padding:10px 0px 10px 0px}
.block .overlay h3 a{text-align:center;font-size:15px;letter-spacing: normal;word-spacing: 0px;line-height:26px; color:#C80000;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.block .overlay h3 a:hover{color:#2678C0; text-decoration:none;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.block .overlay p{text-align:center;font-size:13px; line-height:20px; color:#444;}
.block .overlay a.zoom-btn{opacity:0; left:40%; top:30%; z-index:200; }


/*---- Social Bookmarks ----*/
.social_wrapper{position: relative;float: right;margin: 0;list-style:none;padding: 0 0 0 0;}
.social_wrapper li{height: 100%;float: left;padding: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.social_wrapper li a{float: left;width: 23px;display: block;text-indent: -9999px;margin: 0px;margin-right: 7px;outline: none;padding: 0;min-height: 23px;height: 100%;}

.social_wrapper .flickr{ background: transparent url(../images/icon-flickr.png) 0 top  no-repeat; }
.social_wrapper .facebook{ background: transparent url(../images/icon-facebook.png) 0 top  no-repeat; }
.social_wrapper .twitter{ background: transparent url(../images/icon-twitter.png) 0 top  no-repeat; }
.social_wrapper .mail{ background: transparent url(../images/icon-mail.png) 0 top no-repeat;}
.social_wrapper .googleplus{ background: transparent url(../images/icon-googleplus.png) 0 top  no-repeat; }
.social_wrapper .forrst{ background: transparent url(../images/icon-forrst.png) 0 top  no-repeat; }
.social_wrapper .rss{ background: transparent url(../images/icon-rss.png) 0 top  no-repeat; }
.social_wrapper .youtube{ background: transparent url(../images/icon-youtube.png) 0 top  no-repeat; }
.social_wrapper .vimeo{ background: transparent url(../images/icon-vimeo.png) 0 top  no-repeat; }
.social_wrapper .dribble{ background: transparent url(../images/icon-dribble.png) 0 top  no-repeat; }
.social_wrapper .lastfm{ background: transparent url(../images/icon-lastfm.png) 0 top  no-repeat; }
.social_wrapper .linkedin{ background: transparent url(../images/icon-linkedin.png) 0 top  no-repeat; }
.social_wrapper .skype{ background: transparent url(../images/icon-skype.png) 0 top  no-repeat; }
.social_wrapper .picasa{ background: transparent url(../images/icon-picasa.png) 0 top  no-repeat; }
.social_wrapper .pinterest{ background: transparent url(../images/icon-pinterest.png) 0 top  no-repeat; }

.social_wrapper .flickr:hover	{ background-position: 0 -23px; }
.social_wrapper .facebook:hover { background-position: 0 -23px; }
.social_wrapper .twitter:hover { background-position: 0 -23px; }
.social_wrapper .mail:hover { background-position: 0 -23px; }
.social_wrapper .googleplus:hover { background-position: 0 -23px; }
.social_wrapper .forrst:hover { background-position: 0 -23px; }
.social_wrapper .rss:hover  { background-position: 0 -23px; }
.social_wrapper .youtube:hover { background-position: 0 -23px; }
.social_wrapper .vimeo:hover { background-position: 0 -23px; }
.social_wrapper .dribble:hover { background-position: 0 -23px; }
.social_wrapper .lastfm:hover { background-position: 0 -23px; }
.social_wrapper .linkedin:hover { background-position: 0 -23px; }
.social_wrapper .skype:hover { background-position: 0 -23px; }
.social_wrapper .picasa:hover { background-position: 0 -23px; }
.social_wrapper .pinterest:hover { background-position: 0 -23px; }

/*----- RESPONSIVE LAYOUT ------------*/

@media (min-width: 940px) and (max-width: 1210px){
.buy-now{padding:30px 0px}
#latest-works .thumbnails{text-align:center;margin-left:-20px;}
#latest-works .thumbnails li{float:none;margin:0 0 15px 20px; display:inline-block; width:260px;}
#services p{margin-left:1px;}
#dashboard .flicker-stream img {float: left; width:55px; height:55px; margin: 0 8px 8px 0;}
#mini-post{ margin-left:1px;}
.mini-post{margin:0 28px 40px 0;}
}


 @media (min-width: 768px) and (max-width: 979px){
#services p{margin-left:1px;}
.buy-now{padding:30px 0px}
#latest-works .thumbnails{text-align:center; margin-left:-20px;}
#latest-works .thumbnails li{float:none;margin:0 0 15px 10px; display:inline-block;width:200px;}
#latest-works .thumbnails li .overlay a.zoom-btn{ left:50%; top:50%;}
#dashboard .flicker-stream img {float: left; width:40px; height:40px; margin: 0 5px 5px 0;}
.mini-post{width:220px;margin:0 15px 40px 0;}
#mini-post{ margin-left:1px;}
div.jp-audio div.jp-type-single div.jp-progress-container {width:72% !important;}
div.jp-audio div.jp-type-single div.jp-progress-container2 {width:44% !important;}
.page-bg{height:150px;}
.page-bg p{font-size:50px; padding:60px 0 0 0;}
.menu ul li a {font-size:14px;padding: 30px 15px 20px 15px;}
}

@media (max-width: 767px){
body { padding-left: 0px;padding-right: 0px;}
.buy-now{padding:30px 0px}
.logo{float: none; margin:0 auto;text-align:center; height:60px}
.logo img{ vertical-align:top; padding-top:10px}
nav ul{display:none}
.menu ul{display:none}
#menu{float:none}
nav select{ margin-top:-25px;display:inline;width:100%!important}
nav{position:relative;right:auto;top:auto;width:100%}
#latest-works .thumbnails{text-align:center; margin-left:0;}
#latest-works .thumbnails li{float:none; display:inline-block; margin-left:0; width:60%}
.buy-now h1 {font-size:25px;color:#000; padding-left:0px;}
.buy-now h1 small{font-size:14px;font-family: 'gotham_htfbook';}
.pagination2{margin-bottom:20px;}
.page-header h1{font-size:28px;line-height:1.1em }
.page-header h1 small{font-size:15px;}
.wendy{font:40px 'wendy';}
#dashboard .flicker-stream img {float: left; width:40px; height:40px; margin: 0 5px 5px 0;}
.teaser_title {left:180px;}
#blog article{;max-width:560px;}
#sidebar{margin:10px auto 60px;max-width:560px;}
#mini-post{ margin-left:20%;}
.mini-post{width:450px;margin:0 0px 30px 0;}
.clients img{width:50%;}
div.jp-audio div.jp-type-single div.jp-progress-container2 {width:72% !important;}
.page-bg{height:100px;}
.page-bg p{font-size:40px; padding:40px 0 0 0;}
}

@media (max-width: 480px){
nav ul{display:none}
nav select{display:inline-block;width:100%!important}
nav{position:relative;right:auto;top:auto;width:100%}
#latest-works .thumbnails li{width:60%}
#latest-works .thumbnails li .overlay a.zoom-btn{ left:40%; top:40%;}
.pagination2{margin-bottom:20px;}
.page-header h1{font-size:22px; }
.page-header h1 small{font-size:13px;}
.buy-now{padding:30px 0px}
.buy-now h1{font-size:20px; }
.buy-now h1 small{font-size:13px;}
#services .thumbnails li p{ margin-top:8px; margin-left:12px}
.wendy{font:32px 'wendy';}
#dashboard .flicker-stream img {float: left; width:70px; height:70px; margin: 0 10px 10px 0;}
.teaser_title {left:60px;}
#blog article{;max-width:440px;}
#sidebar{max-width:440px;}
#mini-post{ margin-left:1px;}
.mini-post{margin-left:23px;width:400px;}
div.jp-audio div.jp-type-single div.jp-progress-container {width:72% !important;}
div.jp-audio div.jp-type-single div.jp-progress-container2 {width:67% !important;}
.page-bg{height:80px;}
.page-bg p{font-size:30px; padding:30px 0 0 0; text-shadow:0 2px 0 black;}
}
@media (max-width: 320px){
#latest-works .thumbnails li{width:70%}
.teaser_title {left:-3px;}
.mini-post{margin-left:13px;width:275px;}
#blog article{;max-width:280px;}
#sidebar{max-width:280px;}
div.jp-audio div.jp-type-single div.jp-progress-container {width:60% !important;}
div.jp-audio div.jp-type-single div.jp-progress-container2 {width:53% !important;}
}





